<template>
  <div>
    <blogHead></blogHead>
    <section class="main floatfix">
      <blogAside></blogAside>
      <section class="main-articles">
        <form action="/edit" method="POST" class="edit">
          <div class="form-group">
            <label for>标题：</label>
            <input type="text" name="title" v-model="title">
          </div>
          <div class="text-group">
            <label for>内容：</label>
            <div class="editCon">
              <textarea id="editor" placeholder="Balabala" autofocus></textarea>
              <textarea name="content" class="editarc" v-model="content"></textarea>
            </div>
          </div>
          <p>
            <input type="submit" value="保存">
          </p>
        </form>
      </section>
    </section>
  </div>
</template>

<script>
import blogHead from "./pub/head.vue";
import blogAside from "./pub/aside.vue";
import "@/assets/css/blog.css";
import qs from "qs";
import axios from "@/assets/api/axios";

export default {
  name: "edit",
  data() {
    return {
      title: '',
      content: ''
    }
  },
  components: {
    blogHead,
    blogAside
  }
};
</script>

<style scoped>
</style>
